//Passport Page Less
.passport-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.passport-card {
  .ant-card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .passport-avatar{
    width: 100px;
    height: 100px;
  }
  .passport-avatar-upload.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{
    border-radius: 50%;
    width: 100px;
    height: 100px;
  }
}

.passport-control-item {
  display: flex;
  gap: 16px;
  min-height: 44px;
  align-items: center;

  .passport-control-item-title {
    width: 115px;
    font-weight: 400;
    font-size: 16px;
    color: #4E4E4E;
  }

  .passport-control-item-content {
    flex: 1;
    font-weight: 600;
    font-size: 16px;
    color: #4E4E4E
  }
}

.passport-fake-item-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;

  .ant-form-item{
    margin-bottom: 0;
  }
  .passport-fake-item {
    padding: 10px 12px;

    &.passport-fake-item-has-bg {
      background: #F2F5FA;
      border-radius: 4px 4px 4px 4px;
    }
  }

  .passport-fake-btn {
    font-weight: 600;
    font-size: 16px;
    color: #1E60C5;
    display: block;
    cursor: pointer;
  }
}


.passport-modal {
  .ant-modal-header {
    margin-bottom: 16px;
  }

  .ant-modal-title {
    font-size: 18px;
  }
}
